Centre d'assistance Wix
    Accueil
  1. Créer votre site
  2. Fonctionnalités avancées
  3. Système de gestionnaire de contenu
  4. Connexion de données
    5. Système de gestion de contenu (CMS) : Afficher le contenu de la collection dans une Galerie Pro

Système de gestion de contenu (CMS) : Afficher le contenu de la collection dans une Galerie Pro

Temps de lecture : 28 min
Utilisez une Galerie Pro pour afficher de manière dynamique les images de chaque élément de votre collection de Système de gestion de contenu (CMS). Vous contrôlez le champ d'image à utiliser pour chaque élément, tout en connectant également les champs de collection aux titres, aux descriptions, aux textes alternatifs et aux liens des images. Ce type de configuration est idéal pour les pages de liste dynamique et les pages statiques, car vous pouvez connecter les images aux pages d'éléments dynamiques de leurs éléments. 
Important :
Cet article concerne la connexion d'une Galerie Pro à un champ Image utilisé pour afficher une image par élément de collection. Autrement, vous pouvez connecter une galerie à un champ de galerie médias utilisé pour afficher plusieurs images ou vidéos pour un seul élément de collection sur une page d'élément dynamique. 

Étape 1 | Créer une collection de CMS

Créez une collection d'éléments multiples pour stocker les images que vous souhaitez afficher dans la galerie. Ajoutez un champ de type image et des champs de texte pour les titres, les descriptions et le texte alternatif des images. Ajoutez ensuite les images et les valeurs de chaque élément de la collection. Si nécessaire, vous pouvez ajuster les autorisations de la collection à partir de leur paramètre par défaut « Afficher le contenu » qui permet à tout le monde de voir le contenu. 

Pour créer une collection pour stocker les images de la galerie :

Éditeur Wix
Éditeur Studio
Tableau de bord
  1. Accédez au CMS dans le tableau de bord de votre site. 
  2. Cliquez sur Créer une collection.
  3. Saisissez un nom pour votre collection. 
  4. Laissez Plusieurs éléments (par défaut) sélectionnés et cliquez sur Créer. 
  5. Ajoutez des champs à votre collection manuellement ou en important un fichier CSV :
Suggestion :
Assurez-vous d'ajouter un type de champ Image pour stocker les images de chaque élément. Vous pouvez également ajouter des types de champs Texte à utiliser comme titres, descriptions et texte alternatif des images. 
  1. Ajouter des éléments à votre collection :
    1. Cliquez sur + Ajouter un élément.
    2. Ajoutez du contenu concernant l'élément à chaque champ pertinent. 
    3. Répétez cette étape pour créer autant d'éléments que vous le souhaitez. 
Capture d'écran de l'ajout d'un élément dans une collection du CMS.
  1. Configurez les autorisations pour la collection : 
    1. Cliquez sur Plus d'actions et sélectionnez Autorisations et confidentialité. 
    2. Choisissez les autorisations à utiliser pour la collection :
      Remarque : Les propriétaires de sites et les collaborateurs sont toujours traités comme des administrateurs lorsqu'ils sont connectés au site en ligne. Cela signifie qu'ils peuvent toujours consulter, ajouter, mettre à jour et supprimer le contenu de la collection à partir du site en ligne. Cette règle s'applique quelle que soit l'autorisation de collection que vous sélectionnez. 

Étape 2 | Connecter une Galerie Pro à votre collection

Ajoutez une Galerie Pro à votre site et connectez-la à un dataset qui se rapporte aux champs de votre collection. Connectez ensuite les sources d'images de la galerie au champ d'images de votre collection. Vous pouvez également connecter les titres, les descriptions et le texte alternatif aux champs de votre collection. Utilisez le champ « Lien connecté à » pour connecter les éléments à leurs pages d'éléments dynamiques, ou à un champ d'URL, d'image ou de vidéo. 
Éditeur Wix
Éditeur Studio
  1. Accédez à votre Éditeur.
  2. Accédez à la page où vous souhaitez qu'une galerie affiche des images qui représentent différents éléments de la collection.  
  3. Cliquez sur Ajouter des éléments  sur le côté gauche de l'Éditeur.
  4. Cliquez sur Galerie. 
  5. Cliquez et faites glisser la Galerie Pro que vous souhaitez utiliser sur la page. 
  1. Retirez les images par défaut de la galerie :
    1. Cliquez sur Gérer le média dans la galerie.
    2. Cliquez sur Tout sélectionner, puis sur Supprimer.
    3. Cliquez sur Terminé. 
  2. Cliquez sur l'icône Connecter au CMS .
  3. Cliquez sur le menu déroulant Choisir un dataset et sélectionnez un dataset existant qui se connecte à votre collection.  Vous pouvez également cliquer sur Créer un nouveau dataset, puis choisir la collection à laquelle vous souhaitez le connecter.
  4. Cliquez sur les menus déroulants appropriés pour relier les champs de votre collection à la galerie :
    • Sources de l'image connectée à : Sélectionnez le champ d'image que vous souhaitez afficher.
    • Titres connectés à : Sélectionnez le champ que vous souhaitez utiliser pour les titres des images. 
    • Descriptions connectée à : Sélectionnez le champ que vous souhaitez utiliser pour les descriptions d'images. 
    • Textes alternatifs connectés à : Sélectionnez le champ que vous souhaitez utiliser pour les textes alternatifs de l'image.
    • Liens connectés à : Sélectionnez la page dynamique, le champ URL ou le champ d'image auquel vous souhaitez connecter les images. 
  1. Cliquez sur la galerie et sélectionnez Paramètres pour personnaliser la mise en page, le design de votre galerie, et plus encore. En savoir plus sur la personnalisation de votre Galerie Pro.  

Étape 3 | Gérer les paramètres du dataset

Accédez aux paramètres du dataset pour paramétrer le nombre total d'éléments qui peuvent être chargés à la fois, filtrer l'affichage de certains éléments, trier l'ordre dans lequel les éléments s'affichent ou modifier le mode. Paramétrez le mode sur Lecture et écriture si vous prévoyez de permettre aux visiteurs de soumettre ou de modifier des images dans la collection connectée de la galerie. 
Éditeur Wix
Éditeur Studio
  1. Accédez aux paramètres du dataset connecté de la galerie :
    1. Cliquez sur la galerie. 
    2. Cliquez sur l'icône Connecter au CMS .
    3. Cliquez sur Paramètres de l'ensemble de données dans le panneau Connecter la galerie à droite.
  2. Cliquez sur le menu déroulant Mode dataset et sélectionnez une option : 
    • Lecture : Autorisez le dataset à afficher le contenu de votre collection dans la galerie.
    • Lecture et écriture : Autorisez le dataset à afficher le contenu de votre collection dans la galerie et permettez aux visiteurs d'ajouter ou de modifier le contenu de la collection avec des éléments de saisie. 
  3. Modifiez le champ Nombre maximum d'éléments affichés pour ajuster le nombre maximum d'éléments qui peuvent initialement se charger dans la galerie. Il s'agit du maximum d'éléments qui se chargent lorsque les visiteurs cliquent sur les boutons « En voir plus », sur les boutons « Page suivante/précédente » ou sur les barres de pagination. Consultez la section suivante pour les étapes. 
  1. (Facultatif) Cliquez sur + Ajouter un filtre pour afficher uniquement des éléments spécifiques dans la galerie. 
  2. (Facultatif) Cliquez sur + Ajouter un tri pour choisir l'ordre dans lequel les éléments de la collection apparaissent dans la galerie.

Étape 4 | (Facultatif) Créer des boutons « En voir plus » ou des boutons de navigation

Vous pouvez améliorer les performances de chargement de votre page en ajoutant un bouton « En voir plus » si vous avez beaucoup d'images de galerie. Le champ « Nombre maximal d'éléments affichés » peut être configuré jusqu'à 1000 éléments. Cela contrôle le nombre d'éléments qui peuvent initialement se charger dans votre galerie, et le nombre d'éléments supplémentaires qui peuvent se charger lorsque les visiteurs cliquent sur le bouton.

Ce champ détermine également le nombre d'éléments affichés par « page » dans votre galerie si vous connectez des boutons « Page suivante/précédente » ou une barre de pagination (Éditeur Wix uniquement).
Éditeur Wix
Éditeur Studio
Sélectionnez l'action que vous souhaitez effectuer : 

FAQ

Cliquez ci-dessous pour obtenir des réponses aux questions les plus fréquemment posées sur la connexion d'une galerie au système de gestion de contenu (CMS). 

Cela vous a-t-il aidé ?

|
Dans cet article
  • Étape 1 | Créer une collection de CMS
  • Étape 2 | Connecter une Galerie Pro à votre collection
  • Étape 3 | Gérer les paramètres du dataset
  • Étape 4 | (Facultatif) Créer des boutons « En voir plus » ou des boutons de navigation
  • FAQ